<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>搜索结果</title>
<link href="./css/framework.css" rel="stylesheet" />
<link href="./css/myspace.css" rel="stylesheet" />
<style type="text/css">
</style>
<script type="text/javascript" src="./js/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="./js/myspace.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//alert("Hello jquery.");
	});
</script>
</head>
<body>
	<div id="container">
		<div id="nav">
			<div id="nav1" class="nav selected"></div>
			<div id="nav2" class="nav"></div>
			<div id="nav3" class="nav"></div>
		</div>
		<div id="board">
			<div id="search">
				<span id="search_udpate">更新<span class="number">100</span>个动态
					<span class="number">4</span>个好友更新了<span class="number">6</span>个动态</span>
				<span id="search_box"> <input id="search_txt" type="text"
					value=""></input> <input id="search_btn" type="button" value="搜"></input>
				</span>
				<div class="clear"></div>
			</div>
			<div id="articles" class="panel">
				<div class="article">
					<div class="avatar">
						<img alt="chery" src="image/avatar/chery_m.jpg" />
					</div>
					<div class="post">
						<p class="title">
							<span class="name">CHERY：</span> <span class="publish">发表了</span>
							<span class="title">【游记】七月的青海，不仅仅大美</span>
						</p>
						<p class="content">
							2011年7月22-25日，大学同学相约在西宁聚会，聚谈同学友情的同时也领略早已向往的青海美景：青海湖、拉鸡山、贵德、塔尔寺、门源等，7月的青海真是美不胜收！感谢西宁同学...</p>
						<div class="info">
							<span class="publish_time">00:00</span> <span class="summary">评论（20）</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>

				<div class="article">
					<div class="avatar">
						<img alt="lisa" src="image/avatar/lisa_m.jpg" />
					</div>
					<div class="post">
						<p class="title">
							<span class="name">LISA：</span> <span class="publish">发表了</span>
							<span class="title">【心情】流连风景间，有风有风景</span>
						</p>
						<p class="content">
							大学同学相约在西宁聚会，聚谈同学友情的同时也领略早已向往的青海美景：青海湖、拉鸡山、贵德、塔尔寺、门源等，7月的青海真是美不胜收！感谢西宁同学...</p>
						<div class="info">
							<span class="publish_time">00:00</span> <span class="summary">评论（20）</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>

				<div class="article">
					<div class="avatar">
						<img alt="SARA" src="image/avatar/sara_m.jpg" />
					</div>
					<div class="post">
						<p class="title">
							<span class="name">SARA：</span> <span class="publish">发表了</span>
							<span class="title">【相册】风景依稀似旧年</span>
						<div class=img_bar>
							<img class="content" alt="海景1" src="image/scenery/sea_s.jpg" /><img
								class="content" alt="海景2" src="image/scenery/sea2_s.jpg" /><img
								class="content" alt="海景3" src="image/scenery/sea3_s.jpg" /><img
								class="content" alt="海景4" src="image/scenery/sea4_s.jpg" /><img
								class="content" alt="海景5" src="image/scenery/sea5_s.jpg" />
						</div>

						<div class="info">
							<span class="publish_time">00:00</span> <span class="summary">评论（20）</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>

			<div id="button_bar">
				<input id="button1" class="button" type="button" value="交换游"></input> 
				<input id="button2" class="button" type="button" value="写文章"></input> 
				<input id="button3" class="button" type="button" value="发图片"></input>
			</div>
			<div id="user_bar" class="panel">
				<div id="user_avatar">
					<img alt="紫紫" src="./image/avatar/zizi_l.jpg" />
				</div>
				<div id="user_info">
					<table id="follow_count">
						<tr>
							<td>关注</td>
							<td>粉丝</td>
							<td>说的话</td>
						</tr>
						<tr>
							<td>100</td>
							<td>200</td>
							<td>300</td>
						</tr>
					</table>
					<table id="basic_info">
						<tr>
							<td>用户：</td>
							<td>少女紫</td>
						</tr>
						<tr>
							<td>等级：</td>
							<td>4</td>
						</tr>
						<tr>
							<td>金币：</td>
							<td>100个</td>
						</tr>
					</table>
				</div>
				<div class="clear"></div>
			</div>
			<div id="pace_bar" class="panel">
				<div class="avatar">
					<img alt="紫紫" src="./image/map.jpg" />
				</div>
			</div>
			<div id="recommend_user_bar" class="panel">
				<div class="recommend_item">
					<img alt="chery" src="image/avatar/chery_s.jpg" />
					<p>关注TA</p>
				</div>
				<div class="recommend_item">
					<img alt="lisa" src="image/avatar/lisa_s.jpg" />
					<p>关注TA</p>
				</div>
				<div class="recommend_item">
					<img alt="sara" src="image/avatar/sara_s.jpg" />
					<p>关注TA</p>
				</div>
				<div class="recommend_item">
					<img alt="驹峥" src="image/avatar/juzhen_s.jpg" />
					<p>关注TA</p>
				</div>
				<div class="clear"></div>
			</div>

		</div>
		<div id="mount">
			<img id="mount_menu1" src="./image/mount_menu1.png"></img>
			<img id="mount_menu2" src="./image/mount_menu2.png"></img>
			<img id="mount_menu3" src="./image/mount_menu3.png"></img>
		</div>
	</div>
	<div id="footer">
		<img id="login" src="./image/login.png"></img>
	</div>
</body>
</html>